<template>
    <div id="trainchart">
          <div class="title">
              <p>在培学员统计</p>
          </div>
         <ve-pie class="chartArea" :data="chartData" :settings="chartSettings" :height='"350px"' :legend-visible='false'></ve-pie>
    </div>
</template>

<script>
export default {
    data(){
        this.chartSettings = {
        xAxisType: 'time'
      }
        return{
        chartData: {}
        }
    },
    props:{
        chartDatas:{
            type:Object,
            default:()=>{
                return {}
            }
        }
    },
    mounted(){
        this.chartData = this.chartDatas
    }
}
</script>

<style scoped lang='scss'>
#trainchart{
   
    height: 380px;
.title{
    p{
    font-size: 18px;
    margin: 0;
    margin-bottom: 15px;
    }
}
.chartArea{
    position: relative;
    top: -50px;
}
}
</style>